<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购商城-注册</title>
    <link rel="stylesheet" href="CSS/common.css">
    <link rel="stylesheet" href="CSS/reset.css">
    <link rel="stylesheet" href="css/register.css">

</head>

<body>
    <!-- 1.头部 -->
    <div id="header">
        <div class="top">
            <div class="container font14 ce6 clearfix">
                <div class="pl200 fl">logoChina.cn</div>
                <div class="fr">
                    欢迎光临乐购，请 <a href="#" class="cf60">登录</a>\<a href="#" class="cf60">注册</a>
                </div>
            </div>
        </div>
        <!-- 菜单栏 -->
        <div class="container pr">
            <!-- logo -->
            <div class="logo pa"><a href="index.html"><img src="images/reg.jpg" alt=""></a></div>
            <h2 class="fl font24 ml230 fnormal">欢迎登陆</h2>
            <p class="fr font20">已有账号，请<a href="#">登陆</a></p>
        </div>


    </div>
    <!-- 2.内容 -->
    <form action="" class="clearfix regForm container">
        <p>
            <label for="">用户名</label>
            <input type="text" value="您的账户名和登录名">
        </p>
        <p>
            <label for="">设置密码</label>
            <input type="password" value="设置两种字符密码">
        </p>
        <p>
            <label for="">确认密码</label>
            <input type="password" value="再次输入密码">
        </p>
        <p>
            <label for="">邮箱</label>
            <input type="email" value="" class="email">
            <span></span>
        </p>
        <p>
            <label for="">手机号码</label>
            <input type="text" class="tel-phone" value="输入手机号码">
            <button class="telbtn">获取验证码</button>
        </p>
        <p>
            <label for="">验证码</label>
            <input type="text" value="请输入验证码">
            <img src="images/vcode.jpg" class="vcode" alt="">
        </p>

        <div class="checkbox">
            <input type="checkbox">
            我已阅读并同意 <a href="#" class="cf60">《快乐购购用户注册协议》</a>
        </div>
        <input type="button" class="register-btn" value="立即注册">
    </form>




    <script src="JS/jquery-1.11.0.js"></script>
    <script src="JS/register.js"></script>
</body>

</html>